<template>
	<div>
		<!-- input 对input做监听返回新值可以手动修改计算属性 -->
		<input v-model="input" type="text" />
		<span style="color: red">内容长度小于2或大于10</span>
	</div>
</template>

<script>
export default {
	computed: {
		//书写的时候是个函数，使用的使用和data一样的值
		showErr() {
			//计算属性必须有返回值
			if (this.input.lenght < 2 || this.input.lenght > 10) {
				return true
			} else {
				return false
			}
		},
	},
	data() {
		return {
			input: '',
		}
	},
}
</script>

<style>
</style>